<div class="container">
    <form class="form-signin" action="#" method="post">
        <h2 class="form-signin-heading">welcome register</h2>
        <div class="login-wrap">
            <p>Enter your account details below</p>
            <input type="text" class="form-control" placeholder="Email" email>
            <input type="text" class="form-control" placeholder="User Name" [(ngModel)]="username" required #userName="ngModel" {{ userName.valid }}>
            <div *ngIf="userName.errors?.required">please enter your username.</div>
            
            <input type="password" class="form-control" placeholder="Password" required>
            <input type="password" class="form-control" placeholder="Re-type Password" required>
            <button class="btn btn-lg btn-login btn-block" type="submit">Submit</button>
            <div class="registration">
                Already Registered.
                <a class="" href="#">
                    Login
                </a>
            </div>
        </div>
    </form>
</div>